<template>
	<view class="main">
		<uni-row>
			<uni-col>
				<view>
					<image src="../../static/5.png" style="height: 225px;width: 350px;"></image>
				</view>
			</uni-col>
			<uni-col>
				<uni-row>
					<uni-col :span="1" :offset="1">
						<br />
						<view>
							<image src="../../static/6.png" style="height: 25px;width: 25px;"></image>
						</view>
					</uni-col>
					<uni-col :span="20" :offset="1">
						<view class="res">
							<text class="text">
								<br />
								请选择您的入园方式：
							</text>
						</view>
					</uni-col>
					<br /><br /><br />
					<uni-col :span="1" :offset="2">
						<button @click="person" class="manner" style="color: white; background-color: #8DCB6D;">
						  个人预约
						</button>
						
						<button @click="team" class="manner" style="color: white; background-color: #8DCB6D;">
						  团体预约
						</button>
					</uni-col>
				</uni-row>
			</uni-col>
			<uni-col :span="20">
				<br />
				<uni-card class="card">
					<uni-row>
						<uni-col :span="5">
							<image src="../../static/7.png" style="width: 55px; height: 150px;"></image>
						</uni-col>
						<uni-col :span="19">
							<uni-row>
								<uni-col :span="20">
									<text class="desc">
										观园注意事项：
										<br />
										请大家熟读参观须知并积极遵守，共同创建一个良好的观园环境。详情点击按钮。
									</text>
								</uni-col>
								<uni-col :span="12" :offset="2">
									<button @click="notice" class="btn" style="color: white; background-color: #efd194;">
										参观须知
									</button>
								</uni-col>
							</uni-row>
						</uni-col>
					</uni-row>
				</uni-card>
			</uni-col>
		</uni-row>
	</view>
</template>

<script setup>
	let person = function() {
		uni.navigateTo({
			url: '/pages/leave/pingzheng'
		})
	}
	let team = function() {
		uni.navigateTo({
			url: '/pages/leave/pingzheng2'
		})
	}
	let notice = function() {
		uni.navigateTo({
			url: '/pages/leave/notice'
		})
	}
</script>

<style scoped>
	.main{
		width: 100%;
		height: 700px;
		background-image: url(/static/back2.png);
	}
	.manner{
	  font-family: PingFangSC;
	  font-weight: bold;
	  font-size: 18px;
	  color: black;
	  letter-spacing: 0;
	  width: 600rpx;
	  height: 120rpx;
	  margin-top: 40rpx;
	  justify-content: center;
	  border-radius: 160px;
	
	}
	.text{
		font-size: 18px;
	}
	.card{
		width: 650rpx;
		height: 365rpx;
	}
	.desc{
		font-weight: normal;
		font-size: 16px;
		color: #05261B;
		letter-spacing: 0;
	}
	.btn{
		width: 250rpx;
		height: 80rpx;
	}
</style>